<% include index.html %>
<style>
  html{
    height: 100%;
    display: table;
    background-color: #2aabd2;
    width: 100%;
  }
  body{
    height: 100%;
    display: table;
    background-color: #2aabd2;
    width: 600px;
    margin: 0 auto;
  }
</style>
<div ng-controller="loginCtrl" style="height: 295px; width: 500px;display: table-cell; vertical-align: middle;">
  <div style="width: 500px;">
    <div style="background-color: RGBA(0,0,0,6); height: 106px; text-align: center">
      <h1 style="padding-top: 28px">
        <small style="color: #ffffff">IR4 Domain Integration Knowledge Base System</small>
      </h1>
    </div>
    <div style="height: 300px; background-color: #91c3e8;">
      <div style="background-color: #91c3e8; margin: 0 auto; padding-top: 65px;">
        <div style="margin-left: 20px;">
          <span class="glyphicon glyphicon-lock" style="height: 38px;"></span><input type="text" placeholder="username"
                                                                                     ng-model="username"
                                                                                     style="width: 431px; margin-left: 15px; height: 40px">
        </div>
        <div style="margin-left: 20px;">
          <span class="glyphicon glyphicon-user"></span><input type="password" placeholder="password"
                                                               ng-model="password"
                                                               style="width: 431px; margin-left: 15px; margin-top: 18px; height: 40px">
        </div>
        <button ng-click="login()" style="margin-left: 200px; height: 35px; width: 80px; margin-top: 18px">login
        </button>
      </div>
    </div>
  </div>
</div>